//获取系统时间
var newDate = '';
getLangDate();
//值小于10时，在前面补0
function dateFilter(date) {
    if (date < 10) {
        return "0" + date;
    }
    return date;
}

function getLangDate() {
    var dateObj = new Date(); //表示当前系统时间的Date对象
    var year = dateObj.getFullYear(); //当前系统时间的完整年份值
    var month = dateObj.getMonth() + 1; //当前系统时间的月份值
    var date = dateObj.getDate(); //当前系统时间的月份中的日
    var day = dateObj.getDay(); //当前系统时间中的星期值
    var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    var week = weeks[day]; //根据星期值，从数组中获取对应的星期字符串
    var hour = dateObj.getHours(); //当前系统时间的小时值
    var minute = dateObj.getMinutes(); //当前系统时间的分钟值
    var second = dateObj.getSeconds(); //当前系统时间的秒钟值
    var timeValue = "" + ((hour >= 12) ? (hour >= 18) ? "晚上" : "下午" : "上午"); //当前时间属于上午、晚上还是下午
    newDate = dateFilter(year) + "年" + dateFilter(month) + "月" + dateFilter(date) + "日 " + " " + dateFilter(hour) + ":" + dateFilter(minute) + ":" + dateFilter(second);
    //document.getElementById("nowTime").innerHTML = timeValue + "好！ 欢迎使用运单管理系统。<br>当前时间为： " + newDate + "　" + week;
    setTimeout("getLangDate()", 1000);
}

layui.use(['form', 'element', 'layer', 'jquery'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        element = layui.element;
    $ = layui.jquery;
    //上次登录时间【此处应该从接口获取，实际使用中请自行更换】
    $(".loginTime").html(newDate.split("日")[0] + "日</br>" + newDate.split("日")[1]);
    //icon动画
    $(".panel a").hover(function () {
        $(this).find(".layui-anim").addClass("layui-anim-scaleSpring");
    }, function () {
        $(this).find(".layui-anim").removeClass("layui-anim-scaleSpring");
    })
    $(".panel a").click(function () {
        parent.addTab($(this));
    })
    //系统基本参数
    if (window.sessionStorage.getItem("systemParameter")) {
        var systemParameter = JSON.parse(window.sessionStorage.getItem("systemParameter"));
        fillParameter(systemParameter);
    } else {
        $.ajax({
            url: "../json/systemParameter.json",
            type: "get",
            dataType: "json",
            success: function (data) {
                fillParameter(data);
            }
        })
    }
    //填充数据方法
    function fillParameter(data) {
        //判断字段数据是否存在
        function nullData(data) {
            if (data == '' || data == "undefined") {
                return "未定义";
            } else {
                return data;
            }
        }

        $(".version").text(nullData(data.version)); //当前版本
        $(".author").text(nullData(data.author)); //开发作者
        $(".homePage").text(nullData(data.homePage)); //网站首页
        $(".server").text(nullData(data.server)); //服务器环境
        $(".dataBase").text(nullData(data.dataBase)); //数据库版本
        $(".maxUpload").text(nullData(data.maxUpload)); //最大上传限制
        $(".userRights").text(nullData(data.userRights)); //当前用户权限
    }

    //最新文章列表
    $.get("../json/newsList.json", function (data) {
        var hotNewsHtml = '';
        for (var i = 0; i < 5; i++) {
            hotNewsHtml += '<tr>' +
                '<td align="left"><a href="javascript:;"> ' + data.data[i].newsName + '</a></td>' +
                '<td>' + data.data[i].newsTime.substring(0, 10) + '</td>' +
                '</tr>';
        }
        $(".hot_news").html(hotNewsHtml);
        $(".userAll span").text(data.length);
    })

    //用户数量
    $.get("../json/userList.json", function (data) {
        $(".userAll span").text(data.count);
    })

    //外部图标
    /*    $.get(iconUrl,function(data){
     $(".outIcons span").text(data.split(".icon-").length-1);
     })*/

})


//echarts

// 基于准备好的dom，初始化echarts实例(风格化图表)
var myChart = echarts.init(document.getElementById('eui-bargragh'), 'macarons');
// 基于准备好的dom，初始化echarts实例 （此例为柱状图）------------JAVASCRIPT
var myChart = echarts.init(document.getElementById('eui-bargragh'));
// 指定图表的配置项和数据
var option = {
    //    title: {
    //      text: '入门示例'
    //    },
    tooltip: {},
    legend: {
        data: ['入会人数']
    },
    xAxis: {
        data: ["党群工作部", "综合管理部", "安全保卫部", "投资发展部", "前期工作部", "工程管理部", "运营事业一部", "运营事业二部", "信息技术部", "稽查大队", "客户服务部", "计划财务部"],
        axisLabel: { //坐标轴刻度标签的相关设置。
            interval: 0,
            rotate: "30"
        },
        grid: {
            left: '10%',
            bottom: '120%'
        }
    },
    //       修改柱状条的颜色color
    itemStyle: {
        normal: {
            shadowBlur: 200,
            shadowColor: 'rgba(0, 0, 0, 0.1)'
        }
    },
    yAxis: {},
    series: [{
        name: '问题数量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 22, 24, 36, 30, 26, 18, 15]
    }]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);


var option1 = {
    title: {
        text: '',
        subtext: '',
        x: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} {b} : {c} ({d}%)"
    },
    color: ['#1E90FF', '#FFD700'],
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['已入会', '未入会']
    },
    series: [{
        name: '人数',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [
            {value: 2013, name: '已入会' /*, itemStyle: {color: '	#969696'}*/},
            {value: 100, name: '未入会' /*,itemStyle: {color: '#7FFF00'}*/}
        ]
    }]
};
var myChart1 = echarts.init(document.getElementById('eui-rh'));
myChart1.setOption(option1);


var option = {
    title: {
        text: '',
        subtext: '',
        x: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} {b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['18-25岁', '26-30岁', '31-35岁', '36-40岁', '40岁以上']
    },
    color: ['#00EE00', '#EE4000', '#EEEE00', '#FF8C00', '#CDC0B0'],
    series: [{
        name: '年龄',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [
            {value: 50, name: '18-25岁'},
            {value: 300, name: '26-30岁'},
            {value: 200, name: '31-35岁'},
            {value: 100, name: '36-40岁'},
            {value: 350, name: '40岁以上'}
        ],
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};

var myChart = echarts.init(document.getElementById('eui-pie'));
// 指定图表的配置项和数据
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);


var option4 = {
    title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['待办理', '已驳回', '已办结']
    },
    color: ['#EEEE00', '#FF4500', '#87CEFF'],
    toolbox: {
        show: true,
        feature: {
            mark: {show: true},
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: []},
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    calculable: true,
    xAxis: [{
        type: 'category',
        data: ["党群工作部", "综合管理部", "安全保卫部", "投资发展部", "前期工作部", "工程管理部", "运营事业一部", "运营事业二部", "信息技术部", "稽查大队", "客户服务部", "计划财务部"],
        axisLabel: { //坐标轴刻度标签的相关设置。
            interval: 0,
            rotate: "30"
        }
    }],
    yAxis: [{
        type: 'value'
    }],
    series: [{
        name: '待办理',
        type: 'bar',
        data: [2, 52, 5, 10, 5, 3, 1, 5, 3, 3, 5, 6]
    },
        {
            name: '已驳回',
            type: 'bar',
            data: [5, 5, 9, 4, 3, 0, 0, 5, 3, 8, 7, 6]
        },
        {
            name: '已办结',
            type: 'bar',
            data: [10, 18, 6, 15, 10, 22, 24, 36, 30, 26, 18, 15]
        }
    ]
};
var myChart4 = echarts.init(document.getElementById('hunyin'));
myChart4.setOption(option4);


//面板右侧圆点选项卡（echarts勿用）
layui.use('carousel', function () {
    var carousel = layui.carousel;

    //建造实例
    carousel.render({
        elem: '.dataview',
        width: '100%',
        arrow: 'none',
        interval: 1800,
        anim: 'fade',
        trigger: 'hover',
        autoplay: false,
        height: '360px'
    });

});